﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<Ditto.Models.User>" %>

<div class="summary">

    <div class="image" style="float:left">
        <a href="/Users/Details/<%= Model.UserID %>"><img class="resized" alt="<%= Model.UserID %>" src="/Content/<%= Model.UserPicture1 %>-small.jpg" /></a>
    </div>

    <div style="float:left">
    <%: Model.UserID %>
    </div>

</div>

<script src="/Scripts/jquery.myimgscale-0.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function () {
        $("img.resized").scaleImage({
            parent: '.image',
            center: false,
            fade: 500
        });
    });
</script>